<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <!-- css样式引用 -->
    <link rel="stylesheet" type="text/css" href="../static/css/header.css" th:href="@{/css/header.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/layout.css" th:href="@{/css/layout.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/people.css" th:href="@{/css/people.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/app.css" th:href="@{/css/app.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/modals.css" th:href="@{/css/modals.css}">
    <!--<link rel="stylesheet" type="text/css" href="../static/css/right.css" th:href="@{/css/right.css}" >-->

    <!--bootstrap引用-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!--js样式引用-->
    <script src="../static/js/header.js" th:src="@{/js/header.js}"></script>
    <script src="../static/js/uploadimg.js" th:src="@{/js/uploadimg.js}"></script>
    <script src="../static/js/myself.js" th:src="@{js/myself.js}"></script>
    <!-- css测试样式 -->
    <!-- <link rel="stylesheet" type="text/css" href="../static/css/layout.css"> -->
</head>


<body>
<div th:replace="common/header :: header"></div>
<div>
    <div id="ProfileHeader" class="ProfileHeader" data-za-detail-view-path-module="Unknown"
         data-za-extra-module="{&quot;card&quot;:{&quot;content&quot;:{&quot;type&quot;:&quot;User&quot;,&quot;token&quot;:&quot;xiong-shu-53-89&quot;}}}">
        <div class="Card">
            <div class="ProfileHeader-userCover">
                <div class="UserCoverEditor">
                    <div><label class="UploadPicture-wrapper">
                        <input type="file" id="file_input" accept="image/*" class="UploadPicture-input">

                        <div class="UserCoverGuide">
                            <div class="UserCoverGuide-inner">
                                <div class="UserCoverGuide-buttonContainer">
                                    <button type="button"
                                            class="Button DynamicColorButton">
                                        <svg viewBox="0 0 20 16"
                                             class="Icon Icon--camera Icon--left" width="14" height="16"
                                             aria-hidden="true" style="height: 16px; width: 14px;">
                                            <title></title>
                                            <g>
                                                <path
                                                        d="M18.094 2H15s-1-2-2-2H7C6 0 5 2 5 2H2C0 2 0 3.967 0 3.967V14c0 2 2.036 2 2.036 2H17c3 0 3-1.983 3-1.983V4c0-2-1.906-2-1.906-2zM10 12c-1.933 0-3.5-1.567-3.5-3.5S8.067 5 10 5s3.5 1.567 3.5 3.5S11.933 12 10 12zm0 1.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm7.5-8c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
                                                        fill-rule="evenodd"></path>
                                            </g>
                                        </svg>
                                        上传封面图片
                                    </button>
                                </div>
                                <div class="UserCoverGuide-dialog">
                                    <h4 class="UserCoverGuide-dialogHead">上传一张图片，展示在这里</h4>
                                    <div class="UserCoverGuide-dialogContent">
                                        <p class="UserCoverGuide-dialogDescription">
                                            你可以使用自己的摄影作品、你喜欢的照片，或是任何能展现你特质的图片。</p><a
                                            href="https://www.zhihu.com/question/21757507" target="_blank"
                                            rel="noopener noreferrer">哪里能找到可免费使用的优质图片？</a>
                                    </div>
                                </div>
                            </div>
                            <ul class="UserCoverGuide-items">
                                <li class="UserCoverGuide-item"
                                    style="background-image: url('https://static.zhihu.com/heifetz/assets/guide-cover-1.4423ce0f.jpg');">
                                </li>
                                <li class="UserCoverGuide-item"
                                    style="background-image: url('https://static.zhihu.com/heifetz/assets/guide-cover-2.4c501852.jpg');">
                                </li>
                                <li class="UserCoverGuide-item"
                                    style="background-image: url('https://static.zhihu.com/heifetz/assets/guide-cover-3.d59ac68c.jpg');">
                                </li>
                                <li class="UserCoverGuide-item"
                                    style="background-image: url('https://static.zhihu.com/heifetz/assets/guide-cover-4.5518ba1a.jpg');">
                                </li>
                                <li class="UserCoverGuide-item"
                                    style="background-image: url('https://static.zhihu.com/heifetz/assets/guide-cover-5.2b2adaeb.jpg');">
                                </li>
                            </ul>
                        </div>
                    </label>
                        <div class="UserCover UserCover--colorBlock"></div>
                    </div>
                </div>
            </div>
            <div class="ProfileHeader-wrapper">
                <div class="ProfileHeader-main">
                    <div class="UserAvatarEditor ProfileHeader-avatar" style="top: -74px;">
                        <div class="UserAvatar"><img class="Avatar Avatar--large UserAvatar-inner" width="160"
                                                     height="160"
                                                     th:each="cookie :${#httpServletRequest.getCookies()}"
                                                     th:if="${cookie.getName().equals('zhihuid')}"
                                                     th:src="@{'/img/upfile/'+${cookie.getValue()}+'dp.jpg'}"
                        >
                            <!--<img class="Avatar Avatar&#45;&#45;large UserAvatar-inner" width="160"-->
                            <!--height="160" th:src="'/images/bell.png'">-->
                        </div>
                        <label
                                class="UploadPicture-wrapper"><input type="file" accept="image/png,image/jpeg"
                                                                     class="UploadPicture-input">
                            <div class="Mask UserAvatarEditor-mask Mask-hidden">
                                <div class="Mask-mask Mask-mask--black UserAvatarEditor-maskInner"></div>
                                <div class="Mask-content">
                                    <svg class="Zi Zi--Camera UserAvatarEditor-cameraIcon"
                                         fill="currentColor" viewBox="0 0 24 24" width="36" height="36">
                                        <path
                                                d="M20.094 6S22 6 22 8v10.017S22 20 19 20H4.036S2 20 2 18V7.967S2 6 4 6h3s1-2 2-2h6c1 0 2 2 2 2h3.094zM12 16a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zm0 1.5a5 5 0 1 0-.001-10.001A5 5 0 0 0 12 17.5zm7.5-8a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
                                                fill-rule="evenodd"></path>
                                    </svg>
                                    <div class="UserAvatarEditor-maskInnerText">修改我的头像</div>
                                </div>
                            </div>
                        </label>
                    </div>
                    <div class="ProfileHeader-content">
                        <div class="ProfileHeader-contentHead">
                            <h1 class="ProfileHeader-title"><span class="ProfileHeader-name">熊叔</span><span
                                    class="ztext ProfileHeader-headline"></span></h1>
                        </div>
                        <div class="ProfileHeader-contentBody"
                             style="overflow: hidden; transition: height 300ms ease-out 0s; height: 0px;">
                            <div>
                                <div class="ProfileHeader-info"></div>
                            </div>
                        </div>
                        <div class="ProfileHeader-contentFooter">
                            <button type="button"
                                    class="Button ProfileHeader-expandButton Button--plain">
                                <svg viewBox="0 0 10 6"
                                     class="Icon ProfileHeader-arrowIcon Icon--arrow" width="10" height="16"
                                     aria-hidden="true" style="height: 16px; width: 10px;">
                                    <title></title>
                                    <g>
                                        <path
                                                d="M8.716.217L5.002 4 1.285.218C.99-.072.514-.072.22.218c-.294.29-.294.76 0 1.052l4.25 4.512c.292.29.77.29 1.063 0L9.78 1.27c.293-.29.293-.76 0-1.052-.295-.29-.77-.29-1.063 0z">
                                        </path>
                                    </g>
                                </svg>
                                查看详细资料
                            </button>
                            <div class="ProfileButtonGroup ProfileHeader-buttons">
                                <button type="button"
                                        class="Button Button--blue">编辑个人资料
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="Profile-main">
        <div class="Profile-mainColumn">
            <div class="Card ProfileMain" id="ProfileMain">
                <div class="ProfileMain-header">
                    <ul role="tablist" class="Tabs ProfileMain-tabs">
                        <li role="tab" class="Tabs-item Tabs-item--noMeta" aria-controls="Profile-activities"><a
                                class="Tabs-link is-active" href="/people/xiong-shu-53-89/activities">动态</a></li>
                        <li role="tab" class="Tabs-item" aria-controls="Profile-answers"><a class="Tabs-link"
                                                                                            href="/people/xiong-shu-53-89/answers">回答<span
                                class="Tabs-meta">0</span></a></li>
                        <li role="tab" class="Tabs-item" aria-controls="Profile-asks"><a class="Tabs-link"
                                                                                         id="question" href="#">提问<span
                                class="Tabs-meta">0</span></a></li>
                        <li role="tab" class="Tabs-item" aria-controls="Profile-posts"><a class="Tabs-link"
                                                                                          href="/people/xiong-shu-53-89/posts">文章<span
                                class="Tabs-meta">0</span></a></li>
                        <li role="tab" class="Tabs-item" aria-controls="Profile-columns"><a class="Tabs-link"
                                                                                            href="/people/xiong-shu-53-89/columns">专栏<span
                                class="Tabs-meta">0</span></a></li>
                        <li role="tab" class="Tabs-item" aria-controls="Profile-pins"><a meta="0" class="Tabs-link"
                                                                                         href="/people/xiong-shu-53-89/pins">想法<span
                                class="Tabs-meta">0</span></a></li>
                        <li role="tab" class="Tabs-item Tabs-item--noMeta">
                            <div class="dropdown Tabs-link">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
                                        data-toggle="dropdown">
                                    更多
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#" id="collection">收藏</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">关注</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div>
                    <div>
                        <div class="Sticky"></div>
                    </div>
                </div>
                <div class="ListShortcut">
                    <div class="List ProfileActivities" id="Profile-activities" data-zop-feedlistfather="1">
                        <div class="List-header">
                            <h4 class="List-headerText"><span>我的动态</span></h4>
                            <div class="List-headerOptions"></div>
                        </div>
                        <div class="">
                            <div class="List-item" tabindex="0">
                                <div class="List-itemMeta">
                                    <div class="ActivityItem-meta"><span
                                            class="ActivityItem-metaTitle">关注了问题</span><span>3 天前</span></div>
                                </div>
                                <div class="ContentItem" data-za-detail-view-path-module="QuestionItem"
                                     data-za-extra-module="{&quot;card&quot;:{&quot;content&quot;:{&quot;type&quot;:&quot;Question&quot;,&quot;token&quot;:&quot;321545368&quot;,&quot;item_num&quot;:22,&quot;comment_num&quot;:0,&quot;follower_num&quot;:65,&quot;publish_timestamp&quot;:1556104223000}}}">
                                    <h2 class="ContentItem-title">
                                        <div class="QuestionItem-title"><a href="/question/321545368"
                                                                           target="_blank" rel="noopener noreferrer"
                                                                           data-za-detail-view-name="Title">曼联 2019
                                            年夏窗转会的最好结果是什么？</a></div>
                                    </h2>
                                </div>
                            </div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="Profile-sideColumn" data-za-module="RightSideBar">
            <div class="Card FollowshipCard">
                <div class="NumberBoard FollowshipCard-counts NumberBoard--divider"><a type="button"
                                                                                       class="Button NumberBoard-item Button--plain"
                                                                                       href="/people/xiong-shu-53-89/following">
                    <div class="NumberBoard-itemInner">
                        <div class="NumberBoard-itemName">关注了</div>
                        <strong class="NumberBoard-itemValue"
                                title="0">0</strong>
                    </div>
                </a><a type="button" class="Button NumberBoard-item Button--plain"
                       href="/people/xiong-shu-53-89/followers">
                    <div class="NumberBoard-itemInner">
                        <div class="NumberBoard-itemName">关注者</div>
                        <strong class="NumberBoard-itemValue"
                                title="0">0</strong>
                    </div>
                </a></div>
            </div>
            <div class="Profile-lightList"><a class="Profile-lightItem"
                                              href="/people/xiong-shu-53-89/following/topics"><span
                    class="Profile-lightItemName">关注的话题</span><span
                    class="Profile-lightItemValue">0</span></a><a class="Profile-lightItem"
                                                                  href="/people/xiong-shu-53-89/following/columns"><span
                    class="Profile-lightItemName">关注的专栏</span><span
                    class="Profile-lightItemValue">0</span></a><a class="Profile-lightItem"
                                                                  href="/people/xiong-shu-53-89/following/questions"><span
                    class="Profile-lightItemName">关注的问题</span><span
                    class="Profile-lightItemValue">0</span></a><a class="Profile-lightItem"
                                                                  href="/people/xiong-shu-53-89/following/collections"><span
                    class="Profile-lightItemName">关注的收藏夹</span><span class="Profile-lightItemValue">0</span></a>
            </div>
            <div class="Profile-footerOperations">个人主页被浏览 16 次</div>
            <footer class="Footer"><a class="Footer-item" target="_blank" rel="noopener noreferrer"
                                      href="//liukanshan.zhihu.com/">刘看山</a><span class="Footer-dot"></span><a
                    class="Footer-item"
                    target="_blank" rel="noopener noreferrer" href="/question/19581624">知乎指南</a><span
                    class="Footer-dot"></span><a class="Footer-item" target="_blank" rel="noopener noreferrer"
                                                 href="/terms">知乎协议</a><span class="Footer-dot"></span><a
                    class="Footer-item" target="_blank"
                    rel="noopener noreferrer" href="/term/privacy">知乎隐私保护指引</a><br><a class="Footer-item"
                                                                                      target="_blank"
                                                                                      href="/app">应用</a><span
                    class="Footer-dot"></span><a class="Footer-item"
                                                 target="_blank" rel="noopener noreferrer"
                                                 href="https://app.mokahr.com/apply/zhihu">工作</a><span
                    class="Footer-dot"></span>
                <button type="button"
                        class="Button OrgCreateButton">申请开通知乎机构号
                </button>
                <br><a class="Footer-item" target="_blank"
                       rel="noopener noreferrer" href="https://zhuanlan.zhihu.com/p/51068775">侵权举报</a><span
                        class="Footer-dot"></span><a class="Footer-item" target="_blank" rel="noopener noreferrer"
                                                     href="http://www.12377.cn">网上有害信息举报专区</a><br><span
                        class="Footer-item">违法和不良信息举报：010-82716601</span><br><a class="Footer-item" target="_blank"
                                                                                href="/jubao">儿童色情信息举报专区</a><br><a
                        class="Footer-item" target="_blank"
                        href="/certificates">证照中心</a><br><a class="Footer-item" target="_blank"
                                                            href="/contact">联系我们</a><span> © 2019 知乎</span></footer>
        </div>
    </div>
</div>

</body>

</html>